{% extends 'base.html' %}
{% load static %}
{% block header %}

    <script src={% static '/js/user.js' %}> </script>
{% endblock %}
{% block content %}
    {% csrf_token %}
{#    <input type="hidden" name="csrfmiddlewaretoken" value="SSm6OhZlgtgLmmLi07RWmPYijzLpebaCh0pFbf57zYddklUSB4EBEks157EvG81b">#}
    <div class="Bott">
    <div class="wrapper clearfix" style="margin: 0 auto">
    <div class="zuo fl" style="margin-left: 100px; height: 560px;">
        <h3>
            <a href="/"><img src="/{{ user.img }}" width="100px" height="100px"></a>
            <p class="clearfix"><span class="fl" style="font-size: 15px;margin-left: -12px">[{{ user.email }}]</span>
                <span class="fr logout" style="font-size: 15px;" href="/user/logout/">[退出登录]</span>
            </p>
        </h3>
        <div>
             <ul>
                <li><a href="/user/usercenter/">个人信息</a></li>
            </ul>
            <ul>
				<li><a href="/user/mypassword/">修改密码</a></li>
			</ul>
            <ul>
                <li><a href="/user/myorder/">我的订单</a></li>
            </ul>
            <ul>
                <li><a href="/user/address/">地址管理</a></li>
            </ul>
            <ul>
                <li><a href="/">回到首页</a></li>
            </ul>

        </div>
    </div>
    <div class="you fl" style="height: 560px;">

        <div class="tx clearfix">
            <div class="fl clearfix">
                <a href="/user/center/#" class="fl"><img src="/{{ user.img }}" width="100px" height="100px"></a>
                <p class="fl"><span>{{ user.name }}</span><a href="/user/usersession/">修改个人信息&gt;</a></p>
            </div>
            <div class="fr">绑定邮箱：{{ user.email }}</div>
        </div>
        <div class="bott">
     <form method="post" enctype="multipart/form-data" action="/user/usersession/" onsubmit="return xiugai();" style="float: left">
    {% csrf_token %}
         <label>头像</label>
    <input type="file" name="image" id="image" accept="image/*" style="width:200px;margin-left: 17px;margin-top: 20px">
    <p style="margin-left: 2px;margin-top: 25px;">
        <label>昵称</label><input type="text" name="name" id="name" placeholder="请输入昵称" style="width: 140px;height: 30px;margin-left: 20px">
    </p>
      <p style="margin-left: 2px;">
      <label>年龄</label><input type="text" name="age" id="age" placeholder="请输入年龄" style="width: 140px;height: 30px; margin-left: 21px">
     </p>

         <p><label>手机号</label><input type="text" name="phone" id="phone" placeholder="请输入手机号" style="width: 300px;height: 30px; margin-left: 8px"></p>
         <p><label style="margin-left: 6px;">性别</label><input type="text" name="sex" id="sex" placeholder="请输入性别" style="width: 140px;height: 30px; margin-left: 20px"></p>
         <p><button type="submit" style="width: 140px;height: 40px; margin-left: 20px">确认修改</button></p>
</form>

        </div>
    </div>
    </div>
    </div>
{% endblock %}




{% block footer %}
    <script src="{% static  '/vendor/bootstrap/js/bootstrap.bundle.js' %}"></script>

{% endblock %}

